<template lang="">
  <div>
    <van-nav-bar title="机构管理" left-arrow />
    <van-tabs v-model="active">
  <van-tab title="我的学生">
 <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang">
          <span class="liyue">李月</span><span class="baoming">已报名</span>
        </div>
        <div>
          <img src="./images/电  话.png" />
          <span class="haoma">18752154562</span>
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang">
          <span class="liyue">李月</span><span class="baoming">已报名</span>
        </div>
        <div>
          <img src="./images/电  话.png" />
          <span class="haoma">18752154562</span>
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang">
          <span class="liyue">李月</span><span class="baoming">已报名</span>
        </div>
        <div>
          <img src="./images/电  话.png" />
          <span class="haoma">18752154562</span>
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang">
          <span class="liyue">李月</span><span class="baoming">已报名</span>
        </div>
        <div>
          <img src="./images/电  话.png" />
          <span class="haoma">18752154562</span>
        </div>
      </div>
    </div>
  </van-tab>
  <van-tab title="教师团队">
   <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang1">
         李月
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang1">
         李月
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang1">
         李月
        </div>
      </div>
    </div>
    <div class="friend">
      <div class="friend2"><img src="./images/组 1.png" class="img" /></div>
      <div class="friend1">
        <div class="shang1">
         李月
        </div>
      </div>
    </div>
  </van-tab>
</van-tabs>
  </div>
</template>
<script>
export default {
  name: 'management'
}
</script>
<style >
* {
  margin: 0;
  padding: 0;
}

.friend {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 20px;
  /* float: left; */
}
.friend2 {
  margin-top: 5px;
}
.friend1 {
  width: 287.5px;
}
.shang {
  margin-bottom: 8px;
}
.liyue {
  font-size: 16px;
}
.baoming {
  width: 40px;
  height: 17px;
  display: inline-block;
  font-size: 11px;
  background-color: #fff4ea;
  color: #F07203;
  text-align: center;
}
.haoma {
  font-size: 13px;
  color: #666666;

}</style>
